.auth-wrapper {
  @apply w-screen h-screen relative;
  background: url('@/assets/modules/auth/bg.jpg') no-repeat center center;
  background-size: cover;
  .logo {
    @apply no-underline text-xl text-black font-medium absolute top-[18px] left-0;
  }
  .auth-form {
    @apply absolute top-1/2 text-sm rounded-xl bg-white pt-9 px-12;
    transform: translateY(-50%);
    width: 420px;
    height: 480px;
    right: 14.3%;
    box-shadow: 2px 2px 50px 0px rgba(58, 58, 58, 0.04);
    .tips-text {
      @apply text-sm text-info;
      .el-checkbox {
        @apply h-6;
        :deep(.el-checkbox__label) {
          @apply text-info;
        }
      }
    }

    &__title {
      @apply text-xl font-medium text-center text-black;
      margin-bottom: 72px;
      letter-spacing: 2px;
    }

    :deep(.el-form-item) {
      @apply mb-6;
      .el-form-item__label {
        @apply mb-0;
      }
      .el-input__wrapper {
        box-shadow: 0 1px #e7e7e7;
        @apply px-0 rounded-none;
        &:hover,
        &.is-focus {
          box-shadow: 0 1px var(--el-input-focus-border-color);
        }
      }
      .el-input__inner {
        height: 46px;
      }
    }
    &__submit {
      @apply w-full rounded;
      background: #164cff;
      font-size: 16px;
    }
  }
}
